
.demo-container {
    margin:10px;
}
code {
    background: #ddd;
    padding:2px 5px;
}
.status-metro {
    border-radius: 3px;
    color: #fdfdfd;
    display: inline-block;
    padding: 2px 5px;
    font-size: 11px;
}

.status-circle{
	width:15px;
	height:15px;
	border-radius:50%;
}
		
.status-circle.status-running{
	background: #036903;
}

.status-circle.status-crash{
	background: red;
}

.status-metro.status-active {
    background: #86C440;
}
.status-metro.status-disabled {
    background: #999999;
}
.status-metro.status-suspended {
    background: #DF2135;
}
.status-metro.status-low{
	background: #008000;
}
.status-metro.status-warning{
	background: #fbb44c;
}
.status-metro.status-high{
	background: #dfbdab;
}
.status-metro.status-higher{
	background: #f58c54;
}
.status-metro.status-serious{
	background: #d74d24;
}
.status-metro.status-disaster{
	background: #ff0000;
}
.status-metro.status-def{
	background: #65c3df;
}
.status-metro.status-ok{
	background: #008040;
}
.status-metro.status-problem{
	background: #ff0000;
}
.foo-setup li {
    margin-bottom:30px;
}
